<template>
  <div class="social-securitys-container">
    <div class="app-container">
      <el-card>
        <!-- 具体页面结构 -->
        <p class="box">大美女</p>

        <div style="margin-top: 50px;">
          <el-carousel indicator-position="outside" height="500px">
            <el-carousel-item v-for="item in 4" :key="item">
              <h3>{{ item }}</h3>
            </el-carousel-item>
          </el-carousel>
        </div>
      </el-card>
    </div>
  </div>
</template>

<style lang="scss">
.el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }

  .el-carousel__item:nth-child(2n) {
    background-image: url('https://img1.baidu.com/it/u=1741070001,3532850248&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800');
  }

  .el-carousel__item:nth-child(2n+1) {
    // background-color: #d3dce6;
    background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202002%2F23%2F20200223203412_RcVZ4.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1657089705&t=06b2011fd7f9542ed0bfc39694fe6398');
  }
  .box{
    font-size: 22px;
    color: green;
  }
</style>
